<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
		<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
	</head>

	<body>
		<div class="container">

			<div class="row ">
				<ol class="breadcrumb">
					<li>
						<a href="#">Home</a>
					</li>
					<li>
						<a href="#">Library</a>
					</li>
					<li class="active">Data</li>
				</ol>
				<div class="panel panel-default">
					<div class="panel-heading">查询条件</div>
					<div class="panel-body">
						<div class="col-xs-6">
							<form class="form-horizontal">
								<div class="form-group">
									<label class="col-xs-4 control-label">项目名称:</label>
									<div class="col-xs-8">
										<select class="form-control">
											<option value="">全部</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-xs-4 control-label">分配人:</label>
									<div class="col-xs-8">
										<select class="form-control">
											<option value="">全部</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-xs-4 control-label">客户等级:</label>
									<div class="col-xs-8">
										<div class="checkbox">
											<label>
                                              <input type="checkbox">A+
                                            </label>
											<label>
                                              <input type="checkbox">A
                                            </label>
											<label>
                                              <input type="checkbox">B
                                            </label>
											<label>
                                              <input type="checkbox">C
                                            </label>
											<label>
                                              <input type="checkbox">D
                                            </label>
										</div>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-4 control-label">客户状态:</label>
									<div class="col-xs-8">
										<div class="checkbox">
											<label>
                                              <input type="checkbox">问询
                                            </label>
											<label>
                                              <input type="checkbox">来单
                                            </label>
											<label>
                                              <input type="checkbox">认筹
                                            </label>
											<label>
                                              <input type="checkbox">认购
                                            </label>
											<label>
                                              <input type="checkbox">签约
                                            </label>
											<label>
                                              <input type="checkbox">无意向
                                            </label>
										</div>
									</div>
								</div>
							</form>
						</div>
						<!--<div class="col-xs-2" ></div>-->
						<div class="col-xs-6">
							<form class="form-horizontal">
								<div class="form-group">
									<label class="col-xs-4 control-label">新归属人:</label>
									<div class="col-xs-8">
										<select class="form-control">
											<option value="">全部</option>
										</select>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-4 control-label">创建日期:</label>
									<div class="col-xs-4">
										<input name="startTimeStart" type="text" class="form-control" readonly="readonly" onClick="WdatePicker()">
									</div>
									<div class="col-xs-4">
										<input name="startTimeEnd" type="text" class="form-control" readonly="readonly" onClick="WdatePicker()">
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-4 control-label">客户来源:</label>
									<div class="col-xs-8">
										<div class="checkbox">
											<label>
                                              <input type="checkbox">问询
                                            </label>
											<label>
                                              <input type="checkbox">来访
                                            </label>
											<label>
                                              <input type="checkbox">其它
                                            </label>
										</div>
									</div>
								</div>
							</form>
						</div>

						<div class="col-xs-offset-11 col-xs-1">
							<form class="form-horizontal">
								<div class="form-group">
									<button type="button" class="btn btn-default">搜索</button>
								</div>
							</form>
						</div>
					</div>

					<div class="panel-heading">数据列表</div>
					<div class="panel-body">
						<ul class="nav nav-tabs">
							<li role="presentation" class="active">
								<a  data-toggle="tab">待分配</a>
							</li>
							<li role="presentation">
								<a  data-toggle="tab">已分配</a>
							</li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane fade in active">
								<table class="table table-striped table-bordered table-hover">
									<thead>
										<th>序号</th>
										<th>客户姓名</th>
										<th>联系电话</th>
										<th>性别</th>
										<th>意向等级</th>
										<th>客户状态</th>
										<th>处理结果</th>
										<th>处理时间</th>
										<th>新归属人</th>
										<th>分配人</th>
										<th>分配时间</th>

									</thead>
									<tbody>
										<td>1</td>
										<td>1</td>
										<td>1</td>
										<td>1</td>
										<td>1</td>
										<td>1</td>
										<td>1</td>
										<td>1</td>
										<td>1</td>
										<td>1</td>
										<td>1</td>
									</tbody>
								</table>
							</div>

						</div>

					</div>

					<div class="panel-body">
						<nav>
							<ul class="pagination">
								<li>
									<a href="#">&laquo;</a>
								</li>
								<li>
									<a href="#">1</a>
								</li>
								<li>
									<a href="#">2</a>
								</li>
								<li>
									<a href="#">3</a>
								</li>
								<li>
									<a href="#">4</a>
								</li>
								<li>
									<a href="#">5</a>
								</li>
								<li>
									<a href="#">&raquo;</a>
								</li>
							</ul>
						</nav>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-offset-3 col-xs-6">
					<nav>
						<ul class="pagination">
							<li>
								<a href="#">&laquo;</a>
							</li>
							<li>
								<a href="#">1</a>
							</li>
							<li>
								<a href="#">2</a>
							</li>
							<li>
								<a href="#">&raquo;</a>
							</li>
						</ul>
					</nav>
				</div>
			</div>

		</div>
	</body>

</html>